<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>AUI快速完成布局</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
        html,
        body {
            background-color: #F2F4F5;
        }

        .aui-content {
            margin-top: 25px;
        }

        .aui-list {
            background-color: transparent;
        }

        .aui-list-item {
            background-color: #fff;
            margin-bottom: 15px !important;
        }

        #input-vercode {
            width: 100px;
            margin-right: 100px;
            float: left;
            position: relative;
        }

        .register-vercode-btn {
            background-image: linear-gradient(to right, #81B846, #81B846);
            right: 15px;
            color: #fff;
            padding: 7px 7px;
            position: absolute;
            border-radius: 6px;
            margin-top: 4px;
            font-size: 0.7rem;
            box-shadow: 0 5px 5px rgba(129,184,70, 0.3);
            transition: all .3s;
        }

        .register-vercode-btn:active {
            background-image: linear-gradient(to right, #81B846, #81B846);
            transform: scale(0.9);
            transition: all .05s;
        }
        /*.hidden {
            display: none;
            transition: all 1s;
        }*/
    </style>
</head>

<body>
    <!-- <div class="aui-tips aui-margin-b-15 hidden" id="topTips" style="background-color:#707070;opacity:0.8;position：absolute;">
        <i class="aui-iconfont aui-icon-info"></i>
        <div class="aui-tips-title" id='topTips-title'>验证码发生成功</div>
        <i class="aui-iconfont aui-icon-close"></i>
    </div>
    </div> -->
    <div class="aui-content">
        <ul class="aui-list aui-form-list">
          <li class="aui-list-item" style="margin-bottom: 0 !important;">
              <div class="aui-list-item-inner">
                  <div class="aui-list-item-label">
                      农事名称：
                  </div>
                  <div class="aui-list-item-input">
                      <input type="text" pattern="\d*" >
                  </div>
              </div>
          </li>
            <li class="aui-list-item" style="margin-bottom: 0 !important;">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label">
                        农事类型：
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text" pattern="\d*" >
                    </div>
                </div>
            </li>
            <li class="aui-list-item" style="margin-bottom: 0 !important;">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label" style="width:210px;">
                        农事用品：
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text" pattern="\d*" >
                    </div>
                </div>

            </li>
            <li class="aui-list-item" style="margin-bottom: 0 !important;">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label" style="width:210px;">
                        备注：
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text" pattern="\d*" >
                    </div>
                </div>

            </li>
        </ul>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../script/aui-toast.js"></script>
<script type="text/javascript">



</script>

</html>
